<template>
  <div>
    <van-nav-bar
      :title="$route.name"
      @click-left="$router.back()"
      left-text="返回"
      left-arrow
    />
    <!-- 商品列表 -->
    <van-card
      @click="goDetail(item.id)"
      v-for="item in goodslist"
      :key="item.id"
      num="1"
      :price="item.price | toPrice"
      desc="描述信息"
      :title="item.goodsname"
      :thumb="item.img"
      :origin-price="item.market_price | toPrice"
    />
  </div>
</template>

<script>
import { goodsList } from "../request/api";
export default {
  data() {
    return {
      goodslist: [],
    };
  },
  mounted() {
    goodsList({
      cateid: this.$route.query.id
    }).then((res) => {
      console.log(res, "商品列表");
      if (res.data.code == 200) {
        this.goodslist = res.data.list.goodData;
      }
    });
  },
  methods: {
    //封装一个跳转详情的接口
    goDetail(id) {
      this.$router.push({
        path: "/detail",
        query: {
          id,
        },
      });
    },
  },
};
</script>

<style scoped></style>
